footer{
     width: 100%;
     height: 400px;
border-right: 0;
     border-top: 10px solid;
     border-image: -webkit-linear-gradient(#39CDFF ,#42B2FF) 30 30;
border-image: -moz-linear-gradient( #39CDFF, #42B2FF) 30 30;
border-image: linear-gradient( #39CDFF , #42B2FF) 30 30;
}

.f1{
     width: 100%;
     height: 460px;
     background: -webkit-linear-gradient(#353434, #333333);
     background: -o-linear-gradient(#353434, #333333);
     background: -moz-linear-gradient(#353434, #333333);
     background: linear-gradient(#353434, #333333);
}
.f2{
     width: 100%;
     height: 50px;
     background: -webkit-linear-gradient(#404040, #333333);
     background: -o-linear-gradient(#404040, #333333);
     background: -moz-linear-gradient(#404040, #333333);
     background: linear-gradient(#404040, #333333);
}
.flogo{
     float: left;
     width: 152px;
     height: 350px;
     background: url(../images/flogo.png)no-repeat center 80px;
}
.fpage{
     margin-left: 40px;
     float: left;
     width: 494px;
     height: 350px;
}
.fpage>.f1list1:nth-child(1){
     background: url(../images/f1p1.png)no-repeat center 0;
}
.f1list1:nth-child(1){
     margin-top: 80px;
}
.f1list1,.f1list2{
     width: 100%;
     height: 85px;
     float: left;
}
.f1list1+.f1list2{
     margin-top: 20px;
}

.f1list2{
padding-top:68px;}


.f1list2>a{
     font-size: 14px;
     color: #d8d8d8;
     line-height: 24px;
     height: 24px;
     display: block;
margin-right:21px;
     float: left;
     
}
.f1list1>a{
     font-size: 14px;
     color: #d8d8d8;
     line-height: 1;
     height: 14px;
     display: block;
     float: left;
     margin-top: 71px;
}
.f1list1>a+a{
     margin-left: 30px;
}
.f1list1>a:hover{
     text-decoration: underline !important;
}
.fpage1{
     margin-top: 80px;
     margin-left: 33px;
     width: 271px;
     height: 190px;
     float: left;
     background: url(../images/f1p3.png)no-repeat center 0;
}
.fpage1>p:nth-child(1){
     margin-top: 70px;
}
.fpage1>p{
     font-size: 14px;
     color: #d8d8d8;
     line-height: 25px;
}
.qr-code{
     width: 143px;
     text-align:center; 
     height: 365px;
     color: white;
     float: left;
     margin-left: 65px;
     margin-top: 80px;
     background-size:143px 143px !important;
   
}
.qr-code-1{     
     width: 143px;
    line-height: 332px;
    height: 143px;
    background: url(../images/qr-code.jpg)no-repeat center #D8D8D8;
        background-size: 143px 143px;

}
.qr-code-2{ width: 143px;height: 143px; line-height: 332px; margin-top: 45px; background: url(../images/qr-code2.jpg)no-repeat center #D8D8D8;background-size: 143px 143px;}


.f2>p{
     line-height: 50px;
     font-size: 14px;
     color: #fff;
     text-align: center;
}
.f2>p>a{
     color: #fff;
}
.friend{
    position: absolute;
    top: 185px;
    width: 500px;
    left: 190px;
}
.friend a{
color: #d8d8d8;
    margin-right: 25px;
    display: inline-block;
    line-height: 27px;
}